<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 

<html>
	<head>
	
		<title>
			Sample: Simple Container
		</title>
	
		<link href="StyleSheets/gadgets.css" rel="stylesheet"/>
		<link href="StyleSheets/container.css" rel="stylesheet"/>
		<link href="StyleSheets/temp_styles.css" rel="stylesheet"/>
		
		<style type="text/css">
		.hover
		{
			width: 300px;
			height: 300px;
			border: 1px dotted lightblue;
		}
		</style>
		
		<script src="Scripts/container/json.js" type="text/javascript"></script>
		<script src="Scripts/container/ifpc.js" type="text/javascript"></script>
		<script src="Scripts/container/cookies.js" type="text/javascript"></script>
		<script src="Scripts/container/gadgets.js" type="text/javascript"></script>
		<script src="Scripts/jQuery/jquery-1.2.2.js" type="text/javascript"></script>

	</head>
	
	<body onload="renderGadgets()">
		 <h2>Sample: Simple Container</h2>
		 
		 <div class="column" id="sort1"></div>
		 <div class="column" id="sort2"></div>
		 <div class="column" id="sort3"></div>
		<script type="text/javascript">
		var pageGadgets = [];
		/*var specUrl0 = 'http://abowman.googlepages.com/spider.xml';
		var specUrl1 = 'http://www.labpixies.com/campaigns/todo/todo.xml';
		var specUrl2 = 'http://localhost/iGoogle/xml/Title.xml';
		var specUrl3 = 'http://www.rankquest.com/RankQuest-SEO-Gadget.xml';*/
		
		// This container lays out and renders gadgets itself.
		
		function renderGadgets() {
		gadgets.container.layoutManager = new gadgets.SortableLayoutManager('div.column');
		  /*var gadget0 = gadgets.container.createGadget({specUrl: specUrl0, title: "Patient Chart", logo: "/iGoogle/StyleSheets/edit.png"});
		  var gadget1 = gadgets.container.createGadget({specUrl: specUrl1, title: "Hari priya", logo: "/iGoogle/StyleSheets/delete.png", cssClass: "B"});
		  var gadget2 = gadgets.container.createGadget({specUrl: specUrl2, logo: "/iGoogle/StyleSheets/edit.png"});
		  var gadget3 = gadgets.container.createGadget({specUrl: specUrl1, title: "Swathi", logo: "", cssClass: "A"});
		  var gadget4 = gadgets.container.createGadget({specUrl: specUrl3, title: "ArunB", logo: "/iGoogle/StyleSheets/edit.png", cssClass: "AB"});
		
		  //var gadget0 = gadgets.container.createGadget({specUrl: specUrl2});
		  //var gadget1 = gadgets.container.createGadget({specUrl: specUrl2});
		  //var gadget2 = gadgets.container.createGadget({specUrl: specUrl2});
		  //var gadget3 = gadgets.container.createGadget({specUrl: specUrl2});
		  //var gadget4 = gadgets.container.createGadget({specUrl: specUrl2});
		  
		  gadgets.container.addGadget(gadget0,10);
		  gadgets.container.addGadget(gadget1,11);
		  gadgets.container.addGadget(gadget2,12);
		  gadgets.container.addGadget(gadget3,13);
		  gadgets.container.addGadget(gadget4,14);
		  
		
		  gadgets.container.renderGadget(gadget0);
		  gadgets.container.renderGadget(gadget1);
		  gadgets.container.renderGadget(gadget2);
		  gadgets.container.renderGadget(gadget3);
		  gadgets.container.renderGadget(gadget4);*/
		  
		};
		
		function addGadget(gadgetId, gadgetUrl, widgetTitle, titleLogoPath, cssClassName)
		{
			var i = pageGadgets.length;
			pageGadgets[i] = gadgets.container.createGadget({specUrl: gadgetUrl, title: widgetTitle, logo: titleLogoPath, cssClass: cssClassName});
			gadgets.container.addGadget(pageGadgets[i], gadgetId);
			gadgets.container.renderGadget(pageGadgets[i]);
			
		}
		
		$(window).bind("load",function(){
			addGadget(10,'http://www.google.com/ig/modules/aue07otr.xml', 'Arun B', "/iGoogle/StyleSheets/delete.png", "AB");
			addGadget(11,'http://abowman.googlepages.com/spider.xml', 'Arun Boppudi', "", "");
		});
		</script>
		
	</body>
</html>
